import dayjs from 'dayjs'
export default {
  install: function(Vue) {
    // console.log(Vue, 555)
    // 自定义指令修改资源加载出错
    Vue.directive('errorImg', {
      inserted: function(el, def) {
      // console.log(def.value)
      /* dom元素在加载的过程中加载资源失败的时候会触发 */
        el.onerror = function() {
          el.src = def.value
        }
      /*
      自定义指令的功能
      步骤的总结:
      1.Vue.directive(自定义指令的名字,对象)
      2.inserted:等待dom元素全部插入到dom数里面之后在执行
        2.1:可以获取dom元素,可以给dom元素绑定一个资源加载失败的事件
        2.2:重新给dom设置他的src
        2.3:将设置的src值写活
        需要在navBar组建中使用指令的时候传值 v-errorImg="defaultImg"
        2.4:inserted钩子函数需要获取传过来的值,获取之后在赋值给dom元素的src
       */
      }
    })
    // 自定义格式化日期
    Vue.filter('forMat', (msg, str) => {
      return dayjs(msg).format(str)
    })
  }
}
